<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<title></title>
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/preferred.css">
	</head>
	<body>
		<div class="select">
			<div class="">优选</div>
		</div>
		<div class="home">
			<img class="home-photo" src="./img/preferred/pre-1.jpg" alt="">
			<div class="home-title">
				<div class="home-up">本家</div>
				<div class="home-down">美食美器特辑</div>
			</div>
		</div>
		<div class="recommend">
			<div class="recommend-home">
				<img class="recommend-photo" src="./img/preferred/pre-2.jpg" alt="">
				<div class="recommend-text">本家推荐</div>
			</div>
			<div class="recommend-home">
				<img class="recommend-photo" src="./img/preferred/pre-3.jpg" alt="">
				<div class="recommend-text">挑选师推荐</div>
			</div>
			<div class="recommend-home">
				<img class="recommend-photo" src="./img/preferred/pre-4.jpg" alt="">
				<div class="recommend-text">私物推荐</div>
			</div>
			<div class="recommend-home">
				<img class="recommend-photo" src="./img/preferred/pre-5.jpg" alt="">
				<div class="recommend-text">本家LOOK</div>
			</div>
		</div>
		<div class="pick">本家甄选</div>
		<div class="pick-light-color">
			<div class="pick-light">
				<img class="pick-photo" src="./img/preferred/pre-6.jpg" alt="">
				<div class="pick-title">叠韵滤光器，氛围造型大师</div>
				<div class="pick-text">光笼，来自斯德哥尔摩的光晕礼赞</div>
			</div>
		</div>
		<div class="shoe-border">
			<div class="shoe">
				<div class="shoe-left">
					<div class="shoe-up">编织底双色鞋子 多色可选</div>
					<div class="shoe-down">透气性好，时尚感强</div>
				</div>
				<div class="shoe-right"><img class="shoe-photo" src="./img/preferred/pre-7.jpg" alt=""></div>
			</div>
		</div>
		<div class="shoe-border">
			<div class="shoe">
				<div class="shoe-left">
					<div class="shoe-up">炻瓷储物罐系列</div>
					<div class="shoe-down">避光密封 坚韧耐摔 多道工序 匠心制作 拥有更久的赏味期限</div>
				</div>
				<div class="shoe-right"><img class="shoe-photo" src="./img/preferred/pre-8.jpg" alt=""></div>
			</div>
		</div>
		<div class="ten">十点一刻</div>
	</body>
	<div class="topic">
		<img class="topic-photo" src="./img/preferred/pre-9.jpg" alt="">
		<div class="topic-today">
			<div class="topic-title">一 今日话题 一</div>
			<div class="topic-text">一念之间的重要性</div>
			<div class="topic-idea">有没有哪个瞬间的念头，改变你一段时间的生活轨迹？</div>
		</div>
	</div>
	<div class="family">本家推荐</div>
	<div class="pick-light-color">
		<div class="pick-light">
			<img class="pick-photo" src="./img/preferred/pre-10.jpg" alt="">
			<div class="pick-title">夏季出游必备</div>
			<div class="pick-text">舒心出行，本家为你推荐的5个tips不能忘</div>
		</div>
	</div>
	<div class="look">本家LOOK</div>
	<div class="trousers">
		<div class="trousers-photo ">
			<div class="trousers-left"><img class="trousers-left_photo" src="./img/preferred/pre-11.jpg" alt=""></div>
			<div class="trousers-right">
				<img class="trousers-right_up" src="./img/preferred/pre-12.jpg" alt="">
				<img class="trousers-right_down" src="./img/preferred/pre-13.jpg" alt="">
			</div>
		</div>
		<div class="trousers-text">给牛仔加点火山岩</div>
	</div>
	<div class="trousers">
		<div class="trousers-photo ">
			<div class="trousers-left"><img class="trousers-left_photo" src="./img/preferred/pre-14.jpg" alt=""></div>
			<div class="trousers-right">
				<img class="trousers-right_up" src="./img/preferred/pre-15.jpg" alt="">
				<img class="trousers-right_down" src="./img/preferred/pre-16.jpg" alt="">
			</div>
		</div>
		<div class="trousers-text">婚纱拍照必看功课</div>
	</div>
	<div class="bed-color">
		<div class="bed-light">
			<img class="bed-photo" src="./img/preferred/pre-17.jpg" alt="">
			<div class="bed-title">夏天的清凉，多亏了这抹茶绿</div>
		</div>
	</div>
	<div class="trousers">
		<div class="trousers-photo ">
			<div class="trousers-left"><img class="trousers-left_photo" src="./img/preferred/pre-18.jpg" alt=""></div>
			<div class="trousers-right">
				<img class="trousers-right_up" src="./img/preferred/pre-19.jpg" alt="">
				<img class="trousers-right_down" src="./img/preferred/pre-20.jpg" alt="">
			</div>
		</div>
		<div class="trousers-text">你的厨房只是少了它</div>
	</div>
	<div class="bed-color">
		<div class="bed-light">
			<img class="bed-photo" src="./img/preferred/pre-21.jpg" alt="">
			<div class="bed-title">家的精致主义</div>
		</div>
	</div>
	<div class="bed-color">
		<div class="bed-light">
			<img class="bed-photo" src="./img/preferred/pre-22.jpg" alt="">
			<div class="bed-title">收纳，让小家越住越大</div>
		</div>
	</div>
	<div class=" footer-nav">
		<ul>
			<li>
				<img class="footer-photo" src="./img/shopping/s-12.png" alt="">
				<div class="">首页</div>
			</li>
			<li>
				<img class="footer-photo" src="./img/shopping/s-13.png" alt="">
				<div class="">优选</div>
			</li>
			<li>
				<img class="footer-photo" src="./img/shopping/s-14.png" alt="">
				<div class="">分类</div>
			</li>
			<li>
				<img class="footer-photo" src="./img/shopping/s-15.png" alt="">
				<div class="">购物车</div>
			</li>
			<li>
				<img class="footer-photo" src="./img/shopping/s-16.png" alt="">
				<div class="">我的</div>
			</li>
		</ul>
	</div>
	<div class="top">
		<a href="#"><img class="top-photo" src="./img/home-page/home-28.png" alt=""></a>
	</div>
</html>
